<!doctype html>
<html lang="en">

<head>
   
    <!--====== Required meta tags ======-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!--====== Title ======-->
    <title>Codesk - Coworking Space HTML Template</title>
    
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/we-know-logo.png" type="image/png">

    <!--====== Bootstrap css ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <!--====== Fontawesome css ======-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    
    <!--====== flaticon css ======-->
    <link rel="stylesheet" href="assets/css/flaticon.css">
    
    <!--====== nice select css ======-->
    <link rel="stylesheet" href="assets/css/nice-select.css">
    
    <!--====== animate css ======-->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    
    <!--====== Magnific Popup css ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    
    <!--====== Slick css ======-->
    <link rel="stylesheet" href="assets/css/slick.css">
    
    <!--====== Default css ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    
    <!--====== Style css ======-->
    <link rel="stylesheet" href="assets/css/style.css">
  
  
</head>

<body>

    <!-- PRELOADER -->
    <div class="preloader">
        <div class="lds-ellipsis">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- END PRELOADER -->

    <!--====== OFFCANVAS MENU PART START ======-->

    <div class="off_canvars_overlay">
                
    </div>
    <div class="offcanvas_menu">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="offcanvas_menu_wrapper">
                        <div class="canvas_close">
                            <a href="javascript:void(0)"><i class="fa fa-times"></i></a>  
                        </div>
                        <div class="offcanvas-social">
                            <ul class="text-center">
                                <li><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="$"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="$"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="$"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                        <div id="menu" class="text-left ">
                            <ul class="offcanvas_main_menu">
                                <li class="menu-item-has-children active">
                                    <a href="#">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Header Versions</a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Header Style 1</a></li>
                                                <li><a href="index-2.html">Header Style 2</a></li>
                                                <li><a href="index-3.html">Header Style 3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="our-team.html">Our Team</a></li>
                                        <li><a href="our-history.html">Our history</a></li>
                                        <li><a href="testimonials.html">testimonials</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Services</a>
                                    <ul class="sub-menu">
                                        <li><a href="services.html">Services</a></li>
                                        <li><a href="single-service.html">single service</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Recent Projects</a>
                                    <ul class="sub-menu">
                                        <li><a href="projects.html">Projects</a></li>
                                        <li><a href="single-project.html">single project</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Blog</a>
                                    <ul class="sub-menu">
                                        <li><a href="posts.html">posts</a></li>
                                        <li><a href="single-post.html">single post</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Contact</a>
                                </li>
                            </ul>
                        </div>
                        <div class="offcanvas_footer">
                            <span><a href="mailto:tanvirahmed8282@gmail.com"><i class="fa fa-envelope-o"></i> layerdrops@gmail.com</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== OFFCANVAS MENU PART ENDS ======-->
   
    <!--====== HEADER PART START ======-->
    
    <header class="header-area header-2-area header-3-area">
        <div class="header-top-area header-top-3-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="header-top">
                            <ul>
                                <li><a href="mailto:needhelp@codesk.com"><i class="flaticon-message"></i> needhelp@codesk.com</a></li>
                                <li><a href="tel:7778880000"><i class="flaticon-phone-call"></i> 777 888 0000</a></li>
                                <li><a href="#"><i class="flaticon-placeholder"></i> 20 Broklyn Street, New York. USA</a></li>
                            </ul>
                            <div class="dropdown d-none d-md-block">
                                <img src="assets/images/map.png" alt="">
                                <select>
                                    <option value="1">English</option>
                                    <option value="2">Bangla</option>
                                    <option value="3">urdu</option>
                                    <option value="4">Hindi</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="main-header-item d-flex d-lg-block justify-content-between align-items-center">
                            <div class="main-header-menus  d-flex justify-content-between">
                                <div class="header-logo">
                                    <a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
                                </div>
                                <div class="header-menu d-none d-lg-block">
                                    <ul>
                                        <li>
                                            <a class="active" href="#">Home <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Home 1</a></li>
                                                <li><a href="index-2.html">Home 2</a></li>
                                                <li><a href="index-3.html">Home 3</a></li>
                                                <li>
                                                    <a href="#">Header Versions</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="index.html">Header Style 1</a></li>
                                                        <li><a href="index-2.html">Header Style 2</a></li>
                                                        <li><a href="index-3.html">Header Style 3</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="#">Events  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="events.html">Events</a></li>
                                                <li><a href="single-event.html">single event</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Pages  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="pricing.html">pricing</a></li>
                                                <li><a href="book-a-tour.html">book a tour</a></li>
                                                <li><a href="gallery.html">gallery</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">News  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="news.html">news</a></li>
                                                <li><a href="single-news.html">single news</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="header-social d-flex align-items-center">
                                <div class="toggle-btn ml-30 canvas_open d-lg-none d-block">
                                    <i class="fa fa-bars"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!--====== HEADER PART ENDS ======-->

    <!--====== BANNER 3 PART START ======-->
    
    <div class="banner-slide-3">
        <div class="banner-3-area bg_cover d-flex align-items-center" style="background-image: url(assets/images/banner-base.png);">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="banner-content">
                            <span data-animation="fadeInDown" data-delay=".5s"><img src="assets/images/banner-icon.png" alt="logo"> Book your tour today</span>
                            <h1 data-animation="fadeInLeft" data-delay="1.5s" class="title">Biggest coworking space.</h1>
                            <a data-animation="fadeInUp" data-delay=".5s" class="main-btn main-btn-2" href="book-a-tour.html">Book a tour</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-line">
                <img src="assets/images/banner-line.png" alt="line">
            </div>
            <div class="banner-dot">
                <img src="assets/images/banner-dot.png" alt="line">
            </div>
            <div class="banner-thumb">
                <img src="assets/images/banner-thumb.png" alt="line">
            </div>
        </div>
        <div class="banner-3-area bg_cover d-flex align-items-center" style="background-image: url(assets/images/banner-base.png);">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="banner-content">
                            <span data-animation="fadeInDown" data-delay=".5s"><img src="assets/images/banner-icon.png" alt="logo"> Book your tour today</span>
                            <h1 data-animation="fadeInLeft" data-delay="1.5s" class="title">Biggest coworking space.</h1>
                            <a data-animation="fadeInUp" data-delay=".5s" class="main-btn main-btn-2" href="book-a-tour.html">Book a tour</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-line">
                <img src="assets/images/banner-line.png" alt="line">
            </div>
            <div class="banner-dot">
                <img src="assets/images/banner-dot.png" alt="line">
            </div>
            <div class="banner-thumb">
                <img src="assets/images/banner-thumb.png" alt="line">
            </div>
        </div>
    </div>
    
    <!--====== BANNER 3 PART ENDS ======-->

    <!--====== SERVICES BOX PART START ======-->
    
    <section class="services-box-area pt-30">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30 active">
                        <i class="flaticon-wifi"></i>
                        <a href="single-news.html"><h4 class="title">High speed internet</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-tray"></i>
                        <a href="single-news.html"><h4 class="title">Fully equipped kitchen</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-parking"></i>
                        <a href="single-news.html"><h4 class="title">Huge parking space</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single-services mt-30">
                        <i class="flaticon-room"></i>
                        <a href="single-news.html"><h4 class="title">Conference  rooms</h4></a>
                        <p>There are many new variations of pasages of available text.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="services-pattern">
            <img src="assets/images/services-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== SERVICES BOX PART ENDS ======-->

    <!--====== WHY CODESK PART START ======-->
    
    <section class="why-codesk-area">
        <div class="container position-relative">
            <div class="row">
                <div class="col-lg-12">
                    <div class="why-codesk-title text-center">
                        <h3 class="title">Why codesk is best?</h3>
                    </div>
                </div>
            </div>
            <div class="why-codesk-item-area">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-7 col-sm-8">
                        <div class="why-codesk-item mt-30 animated wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="0ms">
                            <div class="why-codesk-thumb">
                                <img src="assets/images/why-codesk-1.jpg" alt="">
                            </div>
                            <div class="why-codesk-content">
                                <h3 class="title">Be in the best locations</h3>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
                                <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-7 col-sm-8">
                        <div class="why-codesk-item mt-30 animated wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="100ms">
                            <div class="why-codesk-thumb">
                                <img src="assets/images/why-codesk-2.jpg" alt="">
                            </div>
                            <div class="why-codesk-content">
                                <h3 class="title">Gain unmatched flexibility</h3>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
                                <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-7 col-sm-8">
                        <div class="why-codesk-item mt-30 animated wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="200ms">
                            <div class="why-codesk-thumb">
                                <img src="assets/images/why-codesk-3.jpg" alt="">
                            </div>
                            <div class="why-codesk-content">
                                <h3 class="title">Get up and running fast</h3>
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
                                <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="why-codesk-shape-area">
            <div class="why-codesk-pattern">
                <img src="assets/images/why-codesk-pattern.png" alt="">
            </div>
            <div class="why-codesk-logo">
                <img src="assets/images/footer-logo.png" alt="">
            </div>
        </div>
        <div class="codesk-pattern">
            <img src="assets/images/services-dot.png" alt="">
        </div>
    </section>
    
    <!--====== WHY CODESK PART ENDS ======-->

    <!--====== EXPLORE CODESK PART START ======-->
    
    <section class="explore-codesk-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="explore-codesk-title text-center">
                        <h3 class="title">Explore codesk spaces</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="explore-codesk-item mt-50">
                        <img src="assets/images/explore-1.jpg" alt="explore">
                        <h3 class="title">Office suite</h3>
                        <p>There are many new variatns of pasages of available text.</p>
                        <div class="item d-flex justify-content-between align-items-center">
                            <span>Private <br> amenities</span>
                            <p>$350/m</p>
                        </div>
                        <a class="main-btn main-btn-2" href="single-event.html">More <i class="flaticon-right-arrow"></i></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="explore-codesk-item mt-50">
                        <img src="assets/images/explore-2.jpg" alt="explore">
                        <h3 class="title">Dedicated desk</h3>
                        <p>There are many new variatns of pasages of available text.</p>
                        <div class="item d-flex justify-content-between align-items-center">
                            <span>Private <br> amenities</span>
                            <p>$350/m</p>
                        </div>
                        <a class="main-btn main-btn-2" href="single-event.html">More <i class="flaticon-right-arrow"></i></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="explore-codesk-item mt-50">
                        <img src="assets/images/explore-3.jpg" alt="explore">
                        <h3 class="title">Coworking space</h3>
                        <p>There are many new variatns of pasages of available text.</p>
                        <div class="item d-flex justify-content-between align-items-center">
                            <span>Private <br> amenities</span>
                            <p>$350/m</p>
                        </div>
                        <a class="main-btn main-btn-2" href="single-event.html">More <i class="flaticon-right-arrow"></i></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="explore-codesk-item mt-50">
                        <img src="assets/images/explore-4.jpg" alt="explore">
                        <h3 class="title">Conference room</h3>
                        <p>There are many new variatns of pasages of available text.</p>
                        <div class="item d-flex justify-content-between align-items-center">
                            <span>Private <br> amenities</span>
                            <p>$350/m</p>
                        </div>
                        <a class="main-btn main-btn-2" href="single-event.html">More <i class="flaticon-right-arrow"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="explore-codesk-shape">
            <img src="assets/images/testimonial-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== EXPLORE CODESK PART ENDS ======-->

    <!--====== CTA 2 PART START ======-->
    
    <section class="cta-2-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="cta-content">
                        <h3 class="title">Fully equipped meeting rooms for rent</h3>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="cta-content">
                        <p>Sed quia lipsum dolor sit atur adipiscing elit is nunc quis tellus sed ligula porta ultricies quis nec magna neulla.</p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="cta-content text-left text-lg-right">
                        <a class="main-btn" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="cta-dot">
            <img src="assets/images/cta-dot-2.png" alt="cta">
        </div>
        <div class="cta-dot-2">
            <img src="assets/images/cta-dot.png" alt="cta">
        </div>
    </section>
    
    <!--====== CTA 2 PART ENDS ======-->

    <!--====== TEAM PART START ======-->
    
    <section class="team-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="team-title text-center">
                        <h3 class="title">Team members</h3>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-7 col-sm-8">
                    <div class="team-item mt-30 animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <div class="team-thumb">
                            <img src="assets/images/team-1.jpg" alt="team">
                        </div>
                        <div class="team-content text-center">
                            <h4 class="title">Kevin martin</h4>
                            <span>Developer</span>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7 col-sm-8">
                    <div class="team-item mt-30 animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                        <div class="team-thumb">
                            <img src="assets/images/team-2.jpg" alt="team">
                        </div>
                        <div class="team-content text-center">
                            <h4 class="title">Kevin martin</h4>
                            <span>Developer</span>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7 col-sm-8">
                    <div class="team-item mt-30 animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
                        <div class="team-thumb">
                            <img src="assets/images/team-3.jpg" alt="team">
                        </div>
                        <div class="team-content text-center">
                            <h4 class="title">Kevin martin</h4>
                            <span>Developer</span>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="team-pattern">
            <img src="assets/images/services-dot.png" alt="">
        </div>
    </section>
    
    <!--====== TEAM PART ENDS ======-->

    <!--====== BRAND PART START ======-->
    
    <section class="brand-area bg_cover" style="background-image: url(assets/images/play-bg.jpg);">
        <div class="container">
            <div class="brand-box">
                <div class="row barnd-active">
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <div class="brand-content text-center">
                        <h3 class="title">Codesk gives you unmatched agility without compromising on experience.</h3>
                        <a class="main-btn" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== BRAND PART ENDS ======-->

    <!--====== TESTIMONIAL PART START ======-->
    
    <div class="testimonial-title-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="testimonial-title text-center">
                        <h2 class="title">What they are saying.</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="testimonial-area">
        <div class="container">
            <div class="row testimonial-active">
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Jessica rose</h4>
                        <span>Freelancer</span>
                        <img src="assets/images/testimonial-1.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Kevin martin</h4>
                        <span>CEO</span>
                        <img src="assets/images/testimonial-2.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Sarah albert</h4>
                        <span>Developer</span>
                        <img src="assets/images/testimonial-3.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="testimonial-item text-center">
                        <p>I was impresed by the moling services, not lorem ipsum is simply free text of used by refreshing. Neque porro este qui dolorem ipsum quia.</p>
                        <h4 class="title">Kevin martin</h4>
                        <span>CEO</span>
                        <img src="assets/images/testimonial-2.jpg" alt="testimonial">
                        <div class="icon">
                            <img src="assets/images/quote-icon.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonial-pattern">
            <img src="assets/images/testimonial-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== TESTIMONIAL PART ENDS ======-->

    <!--====== WRITE MASSAGE PART START ======-->
    
    <section class="write-massage-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="write-massage-content">
                        <div class="write-massage-title">
                            <h3 class="title">Write us message.</h3>
                        </div>
                        <div class="write-massage-input">
                            <form action="#">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="input-box mt-10">
                                            <input type="text" placeholder="Name">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="input-box mt-10">
                                            <input type="text" placeholder="Email">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="input-box mt-10">
                                            <input type="text" placeholder="Phone">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="input-box mt-10">
                                            <input type="text" placeholder="Subject">
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="input-box mt-10">
                                            <textarea name="#" id="#" cols="30" rows="10" placeholder="Message"></textarea>
                                            <button class="main-btn main-btn-2">Send message</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="write-massage-images animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <div class="thumb d-flex justify-content-between">
                            <div class="item-1">
                                <img src="assets/images/write-massage-1.jpg" alt="">
                            </div>
                            <div class="item-2">
                                <img src="assets/images/write-massage-2.jpg" alt="">
                            </div>
                        </div>
                        <div class="thumb mt-15">
                            <img src="assets/images/write-massage-3.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape-pattern">
            <img src="assets/images/we-know-line.png" alt="">
        </div>
    </section>
    
    <!--====== WRITE MASSAGE PART ENDS ======-->

    <!--====== NEWS PART START ======-->
    
    <section class="news-area pb-120">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-5">
                    <div class="news-title text-center">
                        <h3 class="title">News & articles.</h3>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-7">
                    <div class="mt-30 animated wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="0ms">
                        <div class="news-item bg_cover" style="background-image: url(assets/images/news-item-bg.jpg);">
                            <div class="item">
                                <img src="assets/images/news-user-1.jpg" alt="">
                                <ul>
                                    <li><i class="fa fa-user-o"></i> by admin</li>
                                    <li><i class="fa fa-comments-o"></i> 2 comments</li>
                                </ul>
                            </div>
                            <h3 class="title">Why your business absolutely needs a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7">
                    <div class="mt-30 animated wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="100ms">
                        <div class="news-item active bg_cover" style="background-image: url(assets/images/news-item-bg.jpg);">
                            <div class="item">
                                <img src="assets/images/news-user-2.jpg" alt="">
                                <ul>
                                    <li><i class="fa fa-user-o"></i> by admin</li>
                                    <li><i class="fa fa-comments-o"></i> 2 comments</li>
                                </ul>
                            </div>
                            <h3 class="title">Why your business absolutely needs a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7">
                    <div class="mt-30 animated wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="200ms">
                        <div class="news-item bg_cover" style="background-image: url(assets/images/news-item-bg.jpg);">
                            <div class="item">
                                <img src="assets/images/news-user-3.jpg" alt="">
                                <ul>
                                    <li><i class="fa fa-user-o"></i> by admin</li>
                                    <li><i class="fa fa-comments-o"></i> 2 comments</li>
                                </ul>
                            </div>
                            <h3 class="title">Why your business absolutely needs a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape-pattern">
            <img src="assets/images/shape-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== NEWS PART ENDS ======-->

    <!--====== FOOTER PART START ======-->
    
    <div class="map-area">
        <iframe src="https://ditu.google.cn/maps/embed?pb=!1m10!1m8!1m3!1d14612.975409527537!2d90.497437!3d23.7029844!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1590724346928!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
    </div>
    <section class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="footer-about mt-30">
                        <div class="logo">
                            <a href="#"><img src="assets/images/logo-2.png" alt="logo"></a>
                        </div>
                        <p>Codesk is a premium wordpress theme for coworking space, freelancers, creatives and a wide range of other businesses.</p>
                        <ul>
                            <li><a href="mailto:needhelp@codesk.com">needhelp@codesk.com</a></li>
                            <li><a href="tel:7778880000">777 888 0000</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-list mt-30">
                        <h4 class="title">Company</h4>
                        <ul>
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Latest events</a></li>
                            <li><a href="#">Our services</a></li>
                            <li><a href="#">News & articles</a></li>
                            <li><a href="#">Contact us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-list pl-35 mt-30">
                        <h4 class="title">Explore</h4>
                        <ul>
                            <li><a href="#">Our history</a></li>
                            <li><a href="#">Help & support</a></li>
                            <li><a href="#">Privacy policy</a></li>
                            <li><a href="#">Terms & condition</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-address mt-30">
                        <h3 class="title">Address</h3>
                        <p>20 Broklyn street, New york. United states of america</p>
                        <iframe src="https://ditu.google.cn/maps/embed?pb=!1m14!1m12!1m3!1d14612.97540392891!2d90.497437!3d23.70298445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1590471441805!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                        <span><i class="fa fa-map-marker"></i> Find us on Map</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copyright d-block d-md-flex justify-content-between align-items-center">
                            <p>© Copyright 2020 by Layerdrops.com</p>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-pattern">
            <img src="assets/images/footer-pattern.png" alt="">
        </div>
        <div class="footer-logo">
            <img src="assets/images/footer-logo.png" alt="">
        </div>
    </section>
    
    <!--====== FOOTER PART ENDS ======-->
    
    <!--====== GO TO TOP PART START ======-->
    
    <div class="go-top-area">
        <div class="go-top-wrap">
            <div class="go-top-btn-wrap">
                <div class="go-top go-top-btn">
                    <i class="fa fa-angle-double-up"></i>
                    <i class="fa fa-angle-double-up"></i>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== GO TO TOP PART ENDS ======-->
    
    

    
    <!--====== jquery js ======-->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.0.js"></script>

    <!--====== Bootstrap js ======-->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    
    <!--====== Slick js ======-->
    <script src="assets/js/slick.min.js"></script>
    
    <!--====== odometer js ======-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/jquery.waypoints.min.js"></script>
    
    <!--====== wow js ======-->
    <script src="assets/js/wow.js"></script>
    
    <!--====== nice select js ======-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    
    <!--====== Magnific Popup js ======-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    
    <!--====== Main js ======-->
    <script src="assets/js/main.js"></script>

</body>

</html>
